
var isDataLoad = true

function getQuestion() {
    var $this = $(this);
    if ($this.hasClass('green-border')) {
        return;
    }
    var idx = $.msg('加载中...');
    var templateId = $this.attr('data-templateId');

    $('#TemplateCreate').attr('data-templateId', templateId);

    var $questionContainer = $('#myOutline').empty();
    $this.addClass('green-border').siblings().removeClass('green-border');
    ajax_get('/Home/GetTemplate',
        true,
        { templateId },
        (res) => {
            if (res.isSuccess === true) {
                var questions = res.data;
                if (questions && questions.length > 0) {
                    $('<span>' + questions.length + '个问题</span>').appendTo($questionContainer);
                    $.each(questions,
                        (index, ele) => {
                            $('<p data-questionId=' +
                                ele.Id +
                                '>' +
                                parseInt((parseInt(index)) + 1) +
                                '.' +
                                ele.ShowTitle +
                                '</p>').appendTo($questionContainer);
                        });
                }
                $.closeDialog(idx);
            } else {
                $.msg('参数有误');
            }
        },
        () => {
            $.msg('服务器出错了');
        });

}


function createByTemplate() {

    var templateId = $(this).attr('data-templateId');

    var questionsEle = $('#myOutline p');

    if (questionsEle.length > 0) {
        var templateQuestions = [];

        $.each(questionsEle,
            (idx, ele) => {
                templateQuestions.push({
                    QuestionID: $(ele).attr('data-questionid'),
                    Sort: parseInt(idx + 1)
                });
            });

        var data = [
            {
                TemplateQuestionnaireId: templateId,
                TemplateQuestions: templateQuestions
            }
        ];

        ajax_post('/Home/CreateTemplates',
            true,
            { postData: JSON.stringify(data) },
            (res) => {
                if (res.isSuccess === true) {
                    if (res.code === 1) {
                        window.location = '/Questionnaire/Edit/' + res.id;
                    } else {
                        window.location.href = '/Account/Login';
                    }
                } else {
                    window.location.href = '/Account/Login';

                }
            },
            () => {
                $.msg('服务器出错了');
            });
    } else {
        $.msg('没有选中的模板', 2000);

    }
}

function queryTemplate() {
    var q = $.trim($('#txtTitle').val());
    window.location.href = '/Home/Templates?q=' + q;
}


function changeDK(iText, cText) {

    var industryText = iText;
    var categoryText = cText;

    var industryDKs = [
        {
            name: '医疗',
            keywords: '医疗调查问卷,医疗满意度调查,医疗网络调研,医学在线调查,疫情问卷调查软件,防疫问卷,医院防护用品调查问卷'
        },
        {
            name: '汽车',
            keywords: '汽车调研,汽车神秘顾客问卷,汽车满意度调查, 新能源汽车调研,汽车4S店调查问卷,汽车售后服务问卷模板,电动汽车市场调研模板,汽车品牌调查,共享汽车问卷调查'
        },
        {
            name: '电子/电器',
            keywords: '电子产品调研问卷,电器调查问卷,电子书问卷调查, 网购电子产品问卷模板,电子竞技调查问卷,家用电器问卷调查,品牌电器调研模板,厨房电器问卷调查'
        },
        {
            name: '家居建材',
            keywords: '家居建材调查问卷,家具质量调查问卷, 卫厨网络调研,橱柜调查问卷,卫浴购买问卷模板,建筑材料市场调研模板,家具市场调研问卷,儿童家具问卷,家具消费问卷'
        },
        {
            name: '医药/保健品',
            keywords: '医药调查模板,药类市场调研模板,药品调查问卷,医用问卷调查,中医药调查模板,儿童中医药问卷,保健品市场需求调研,老年人保健品使用调查,保健品调查问卷'
        },
        {
            name: '服务业',
            keywords: '服务业调研,旅游调查问卷,酒店调查问卷, 服务业网络调研,餐饮调查问卷,网约车市场调研,物流品牌调查'
        },
        {
            name: '食品饮料',
            keywords: '食品饮料调研,食品安全调查问卷,食品消费调查,线上饮食网络调研,网红食品调查问卷,外卖服务问卷调查,网红饮品市场调研,休闲食品调查问卷'
        },
        {
            name: '日化类',
            keywords: '日化类产品调研,生活用品调查问卷,日化类消费调查, 网购洗涤类调研,化妆品调查问卷,洗漱用品问卷调查,日用品市场调研,清洁剂使用调查问卷'
        },
        {
            name: '化妆品',
            keywords: '化妆品调研,女性用品调查问卷,彩妆消费调查, 网购护肤类调研,彩妆调查问卷,网红彩妆问卷调查 , 口红市场调研,护肤品调查问卷'
        },
        {
            name: 'IT电竞类',
            keywords: 'IT调研模板 , 电竞调查问卷,游戏电竞调查, IT产品调研,电竞直播调查问卷,电子电竞问卷调查 ,手游问卷调查'
        },
        {
            name: '金融',
            keywords: '金融产品调研模板,金融调查问卷,投资问卷调查, 保险调研问卷,证券调查问卷,理财问卷调查,网络金融调研模板,银行问卷模板'
        },
        {
            name: '互联网',
            keywords: '互联网调研,互联网金融调查问卷,互联网医疗调查, 互联网产品调研,互联网使用满意度调查问卷,互联网物流问卷调查,互联网通讯市场调研'
        },
        {
            name: '体育',
            keywords: '体育产品调研,运动用品调查问卷,运动型消费调查, 体育运动调研问卷,日常运动调查问卷,极限运动问卷调查,健身房市场调研,户外运动调查问卷'
        },
        {
            name: '教育/机构',
            keywords: '教育机构调研模板,儿童教育机构调查问卷,少儿培训班消费调查, 早教需求调研模板,小语种调查问卷,学生机构问卷调查,学前教育市场调研,在线教育问卷调查'
        },
        {
            name: '服饰/饰品',
            keywords: '服饰饰品问卷调研,饰品调查问卷,服饰消费购买调查, 居家服饰调研问卷,儿童服饰调查问卷,民族服饰问卷调查,日用品市场调研,cosplay服饰调查问卷,男士服装问卷调查,女士服装问卷调查'
        },
        {
            name: '学生',
            keywords: '大学生问卷调研,网课问卷调查,线上教育调查, 大学生就业调研,学生网购调查问卷,学生消费水平问卷调查,学生兼职市场调研'
        }
    ];

    var categoryDKs = [
        {
            name: '疫情',
            keywords: '疫情调研模板,地区疫情调查问卷,健康状况调查,员工返工情况调查,健康状况调查问卷'
        },
        {
            name: '满意度调查',
            keywords: '汽车满意度调查问卷,餐饮满意度调查模板,顾客满意度调查问卷,售后服务满意度调查,物业满意度调查问卷'
        },
        {
            name: '产品调查',
            keywords: '产品调查问卷,汽车配件调查问卷,建材产品调查问卷,互联网产品调查问卷,知名品牌产品调查问卷'
        },
        {
            name: '品牌调查',
            keywords: '汽车品牌调查问卷,电器品牌调查模板,医药品牌市场调查,化妆品品牌调查模板,知名品牌问卷模板'
        },
        {
            name: '广告调查',
            keywords: '汽车广告问卷调查,户外广告调查模板,食品广告调查,化妆品广告问卷调查,宣传广告调查问卷'
        },
        {
            name: '包装测试',
            keywords: '食品包装测试问卷,日用品包装测试问卷,化妆品包装测试问卷,包装测试问卷模板'
        },
        {
            name: '概念测试',
            keywords: '产品概念测试问卷,家具概念测试问卷,餐厅概念测试,电子产品概念测试'
        },
        {
            name: '活动测试',
            keywords: '员工集体活动调查问卷,活动调查问卷,促销活动调查问卷,户外活动调查问卷,团建活动调查问卷'
        },
        {
            name: '名称测试',
            keywords: '品牌名称调查问卷,APP名称问卷调查,电影名称调查问卷,食品名称问卷调查'
        },
        {
            name: '投票评选',
            keywords: '员工投票问卷模板,作品投票问卷模板,线上投票问卷模板,服务质量投票问卷调查,评选投票问卷调查'
        },
        {
            name: '报名登记表',
            keywords: '课程报名登记表,员工报名登记表,社团报名登记表,公司活动报名登记表,面试信息登记表'
        },
        {
            name: '意见反馈',
            keywords: '学习反馈表,意见反馈表,员工培训反馈表,活动反馈表,内部培训反馈表'
        }
    ];


    var indusrty = industryDKs.filter((c) => c.name === industryText);
    var category = categoryDKs.filter((c) => c.name === categoryText);

    var description = '', keywords = '';

    if (indusrty && indusrty.length > 0) {

        keywords = indusrty[0].keywords + ',';

    }

    if (category && category.length > 0) {

        keywords += category[0].keywords;

    }

    //description = description === '' ?
    //    '鱼小数问卷，终身免费的在线问卷制作平台。提供多种问卷创建方式，优选专业化模板，' +
    //    '配置多样化题型，便捷化逻辑设计，实时数据分析，在线交叉分析、图表化呈现，无广告，' +
    //    '无漏洞，易分享，让您轻松开启调研工作。'
    //    : description;

    keywords = keywords === '' ?
        '满意度调研,满意度调查问卷,满意度调查,市场调研,问卷调查,网络调研,' +
        '在线调查,鱼小数问卷,鱼小数调研,问卷调查模板,市场调研模板,问卷调查网,' +
        '问卷调查软件,问卷调查工具,问卷调查公司,市场调研公司,市场调研问卷,' +
        '市场调研分析,鱼小数样本,鱼小数样本库'
        : keywords;

    //$('meta[name="description"]').attr('content', description);
    $('meta[name="keywords"]').attr('content', keywords);

}

var scrollEnable = true;
var pageIndex = 2;
var pageSize = 10;

function getTemplatesPages(e) {
    var scrollTop = $(this).scrollTop();
    var scrollHeight = $(document).height();
    var windowHeight = $(window).outerHeight(true);
    var footerHeight = $('.containerBottom').outerHeight();
    var isScollConditions = scrollTop >= scrollHeight - windowHeight - footerHeight
    if (isScollConditions) { //判断滑动到底部了
        if (scrollEnable) {
            isDataLoad = false
            ajax_get(host + '/Home/TemplatesByPages',
                true,
                {
                    Q: $('#txtTitle').val(),
                    PageIndex: pageIndex,
                    PageSize: pageSize,
                    InId: $('#uIndustry').find('li[class="selected"]').attr('data-industryid'),
                    CId: $('#uCategory').find('li[class="selected"]').attr('data-categoryid')
                },
                (res) => {
                    isDataLoad = true
                    if (res.isSuccess === true) {
                        if (res.data && res.data.length > 0) {
                            pageIndex++;
                            console.log(pageIndex)
                            var items = res.data;
                            $.each(items,
                                (idx, item) => {
                                    $('<a href="/Templates/Details/' + item.TemplateId + '" class="template-item" >' +
                                        '<div title="' + item.TemplateTitle + '"><div class="template-item-title">' + item.TemplateTitle + '</div>' +
                                        '<div class="template-item-desc">共' + item.QuestionCount + '题/被引用' + item.ReferenceCount + '次</div></div>' +
                                        '</a>').appendTo($('#Templateitem'));
                                });

                        } else {
                            scrollEnable = false;
                        }

                    }
                });
        }

    }
}



function getUrlParam(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return decodeURI(r[2]); return null;
}



/*
*窗口滚动到当前元素才显示动画效果
*classname 当前元素的类名
*effect     要添加的动效类名 参照网址：https://www.dowebok.com/demo/2014/98/*注：需事先引用好animate.min.css 下载地址：https://pan.baidu.com/s/1ntFjwAt
*/
function then_show (classname,effect) {
    $(window).scroll(function(){
        var curr_element = $('.'+classname);
        var active_class = 'animate__animated animate__'+effect;
        var scroll_h = $(window).scrollTop()+$(window).height();
        var self_top = curr_element.offset().top;
        var self_h = curr_element.height();
        if( (scroll_h > self_top + self_h/2) &&  ( $(window).scrollTop() < self_top + self_h/2) ){
            // 显示动画效果
        curr_element.addClass(active_class);
        }else{
        // 退出动画效果（设置后当重新回到可视区可再次显示动效）
        
        
        }
    })
}

function init(){
    var footerH = $('.containerBottom').outerHeight();
    $('body').attr('style',`padding-bottom:${footerH}px;`)
    $(window).on('resize',function(){
        var footerH = $('.containerBottom').outerHeight();
        $('body').attr('style',`padding-bottom:${footerH}px;`)
    })
    var q = getUrlParam('q') == null ? '' : getUrlParam('q');
    $('#txtTitle').val(q);


    var title = $('#uIndustry').find('.selected').text() + '_' + $('#uCategory').find('.selected').text() + '问卷模板-鱼小数问卷';

    if (title.indexOf('_') === 0) {
        title = title.replace('_', '');
    }

    $('title').text(title);

    changeDK($('#uIndustry').find('.selected').text(), $('#uCategory').find('.selected').text());


    //$('.template-item').on('click', getQuestion);

    $('#TemplateCreate').on('click', createByTemplate);

    $('#TemplateSearch').on('click', queryTemplate);

    $(window).on('scroll', function(){
        if(isDataLoad) {
            getTemplatesPages()
        }
    });
}
init()
// then_show('CreateTemplateouter','fadeInUp');// 调用
// then_show('g_container','fadeInUp');// 调用
getTemplatesPages()